<template>
	<view>
		<swiper  class="swiper-all"  :autoplay="true" :interval="3000" :duration="1000">
			<swiper-item>
				<view class="swiper-item">
					<image class="swiper-image" src="/static/banner01.png" mode=""></image>
				</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item">
					<image class="swiper-image" src="/static/banner02.png" mode=""></image>
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		name:"swiper-little",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
.swiper-all{
	width:90%;
	margin-left: 5%;
	height:120rpx;
	overflow: hidden;
	position: relative;
	border-radius: 20rpx;
	.swiper-item{
		width: 100%;
		height: 100%;
		overflow: hidden;
		.swiper-image{
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
	}
}
</style>